<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>社群贡献榜</h1>
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div class="devote">
      <div class="card">
        <div>
          <p>10000</p>
          <p>累计活跃分</p>
        </div>
        <div>
          <p>2000</p>
          <p>本周新增活跃分</p>
        </div>
      </div>

      <div class="bang">
        <p class="title">社群成员贡献榜</p>
        <div class="time">
          2020.01.02-01.07<img src="../../assets/images/mkf/triangleDown.png" />
        </div>
        <div class="rank123">
          <div class="item rank1">
            <div class="img">
              <img
                class="head"
                src="../../assets/images/adver.jpg"
                alt=""
              /><img class="crown" src="../../assets/images/mkf/rank1.png" />
            </div>
            <div class="name">我是谁</div>
            <div class="score">
              <span class="bg"
                ><span>10000分</span
                ><img src="../../assets/images/mkf/icon_up2.png"
              /></span>
            </div>
          </div>
          <div class="item rank2">
            <div class="img">
              <img
                class="head"
                src="../../assets/images/adver.jpg"
                alt=""
              /><img class="crown" src="../../assets/images/mkf/rank2.png" />
            </div>
            <div class="name">可乐可了呀</div>
            <div class="score">
              <span class="bg"
                ><span>1000分</span
                ><img src="../../assets/images/mkf/icon_up2.png"
              /></span>
            </div>
          </div>
          <div class="item rank3">
            <div class="img">
              <img
                class="head"
                src="../../assets/images/adver.jpg"
                alt=""
              /><img class="crown" src="../../assets/images/mkf/rank3.png" />
            </div>
            <div class="name">可乐可了呀</div>
            <div class="score">
              <span class="bg"
                ><span>1000分</span
                ><img src="../../assets/images/mkf/icon_up2.png"
              /></span>
            </div>
          </div>
        </div>

        <div class="rankTable">
          <div class="sub">
            <div>排名</div>
            <div>头像/昵称</div>
            <div>本周贡献活跃分</div>
          </div>
          <div class="item my">
            <div class="num">104</div>
            <div class="name">
              <img src="../../assets/images/adver.jpg" />
              <span>我的昵称</span>
            </div>
            <div class="score">
              <span class="bg"
                ><span>1000分</span
                ><img src="../../assets/images/mkf/icon_up.png"
              /></span>
            </div>
          </div>
          <div class="item">
            <div class="num">04</div>
            <div class="name">
              <img src="../../assets/images/adver.jpg" />
              <span>我的昵称</span>
            </div>
            <div class="score">
              <span class="bg"
                ><span>1000分</span
                ><img src="../../assets/images/mkf/icon_up2.png"
              /></span>
            </div>
          </div>
          <div class="item">
            <div class="num">05</div>
            <div class="name">
              <img src="../../assets/images/adver.jpg" />
              <span>我的我的昵称我的昵称昵称</span>
            </div>
            <div class="score">
              <span class="bg"
                ><span>1000分</span
                ><img src="../../assets/images/mkf/icon_up2.png"
              /></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data: function() {
    return {};
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped></style>
